import styled from 'styled-components'
import coverImg from '@/assets/img/bg.svg'

export const ForgetPwdWrapper = styled.div`
  width: 100%;
  height: 100%;
  background: url(${coverImg}) no-repeat 0 0 / cover;
  display: flex;
  justify-content: center;
  align-items: center;

  .steps-wrapper {
    width: 100%;
    height: 80%;
    margin: 0 190px;

    .content {
      width: 420px;
      margin: 100px auto 0;

      .steps {
        width: 100%;
      }

      .tab {
        width: 95%;
        margin: 0 auto;
      }
    }

    .ant-steps {
      margin-bottom: 20px;
    }
  }
`
